<template>
  <div class="dashboard-container">
    <div class="dashboard-text">
    
       <span class="span">嗨聊校园论坛管理系统</span>
     
      </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import store from '@/store/modules/user'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  data(){
    return{
      names:sessionStorage.getItem("cuserName")
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard-container{
  width: 100%;
  height: 100%;
    background-image: url(http://127.0.0.1:9999/1575335872902.jpg);
}
.dashboard {
  // &-container {
  //   // margin: 30px;
  // }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }

}
.dashboard-text{
  width: 100%;
  height: 600px;
  text-align: center;
  line-height: 500px;
  font-size: 72px;
  color: rgb(12, 223, 195);
  text-shadow:5px 2px 6px #000;
}
.span{
 font-family: "KaiTi";
}
</style>
